{extend name="layout" /}
{block name="content"}
<div class="mui-content">
    <div class="uk-margin-small-top">
        <div class="mui-table-view max" id="bonus-list" template coco-tag="bonus" coco-url="/v2/client/bonus_list" coco-data="{ state:'all'}">
            <script type="text/html" id="bonus-tpl">
                {{# layui.each(d.response.list,function(index,item){ }}
                <div class="mui-table-view-cell">
                    <div class="tm-flex flex-align-center tm-inline-1-3">
                        <div class="tm-flex-2">
                            <span class="tm-font-blodx tm-mdx-size">
                                购车奖
                            </span>
                        </div>
                        <div class="tm-flex-1">
                            <span class="tm-font-blodx tm-mdx-size">
                                ￥{{ item.price }}
                            </span>
                        </div>
                        <div class="mui-text-right">
                            <div class="tm-flex-row-xs">
                                {{# if(item.status == 2){ }}
                                <span class="uk-text-success">
                                    已确认
                                </span>
                                {{# }else if(item.status == 1){ }}
                                <span class="uk-text-blue">
                                    已发放
                                </span>
                                {{# }else{ }}
                                <span class="uk-text-primary">
                                    待发放
                                </span>
                                {{# } }}
                            </div>
                            <div class="tm-flex-row-xs">
                                <span class="tm-font-gray tm-df-size">
                                    {{ date('Y-m-d H:i:s', item.addtime) }}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                {{# }) }}
            </script>
        </div>
    </div>
</div>
{/block}
{block name="script"}
{/block}
